<template>
    <div>
        <ul class="personalized">
            <slot></slot>
        </ul>
    </div>
</template>

<script>
export default {
    data () {
      return {}
    },

    methods: {},

    components: {},
}
</script>

<style scoped>

.personalized
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.personalized>li{
    width: 32.8%;
    margin-bottom: 15px;
}
.personalized>li>img{
    width: 100%;
}
.personalized>li>p{
    font-size: 12px;
    padding: 0 5px;
    display: -webkit-box; 
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
</style>